<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_GongSiGaiKuang_0',
'ompan_1',
'img_Z4Byd2',
'ZY_HuNanZeTianYiLiao_3',
'ZY_KangFuFangAn_4',
'ehabi_5',
'ZY_ZhongZhengKangFu_6',
'img_Zukv_7',
'ZY_HuXiKangFu_8',
'img_aUUL89',
'ZY_XinZangKangFu_10',
'img_lJHBL11',
'ZY_ShuShiHuaWuBingYi_12',
'img_ZCs1f13',
'ZY_ZhongLiuKangFu_14',
'img_Cos4b15',
'ZY_XueShuGongJian_16',
'cadem_17',
'img_HNBUr18',
'ZY_XueShuGongJian_19',
'img_X730y20',
'ZY_XueShuGongJian_21',
'img_VHKXs22',
'ZY_XueShuGongJian_23',
'ZY_XinWenZiXun_24',
'ews_25',
'img_LTy7n26',
'ZY_HuNanZeTianYiLiao_27',
'ZY_ZhangShaShiXiongJiuJiu_28',
'ZY_29_29',
'img_b_mnr30',
'img_ZlAOl31',
'ZY_HuNanZeTianYiLiao_32',
'ZY_ZhangShaShiXiongJiuJiu_33',
'ZY_34_34',
'img_TW_eh35'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"> 
  <meta content="telephone=no" name="format-detection"> 
  <meta content="yes" name="apple-mobile-web-app-capable"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/common.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/swiper.min.css"> 
  <link rel="stylesheet" type="text/css" href="http://hwfile.jyymatrix.cc/ztyl/mobile/./css/iconfont.css"> 
  <style>.company-profile{ padding: 30px 15px; } .company-box{ width: 100%; } .company-box img{ width: 100%; } .company-text{ font-size: 15px; margin: 10px 0 0; line-height: 26px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-align: justify;} .rehabilitation-program{ padding: 30px 15px; background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/bg1.png) no-repeat center; background-size: cover; } .rehabilitation-program-icon{ margin: -8px -8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .rehabilitation-program .item{ width: 50%; padding: 8px 8px; box-sizing: border-box; } .rehabilitation-program .item-icon{ padding: 30px 0; text-align: center; } .rehabilitation-program .item:nth-of-type(1) .item-icon{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/case1.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(2) .item-icon{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/case2.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(3) .item-icon{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/case3.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(4) .item-icon{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/case4.png) no-repeat center; background-size: cover; } .rehabilitation-program .item:nth-of-type(5) .item-icon{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/case5.png) no-repeat center; background-size: cover; } .rehabilitation-program .item .name{ color: #ffffff; font-size: 16px; } .rehabilitation-program .item .more{ width: 8px; margin-top: 15px; } .academic{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/bg2.png) no-repeat center; background-size: cover; padding: 30px 5px; } .academic .title-wrap{ margin-left: 10px; margin-right: 10px; } .academic .title{ color: #ffffff; } .academic .sub-title{ color: rgba(255,255,255,0.8); } .academic .title-wrap .line{ background: rgba(255,255,255,0.5); } .academic .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.8); transform: scale(0.8); } .academic .swiper-slide-active{ -webkit-transform: scale(1); transform: scale(1); } .academic .swiper-wrapper{ align-items: center; } .academic img{ display: block; } .academic .swiper-slide .desc{ text-align: center; padding: 10px 0; } .academic .swiper-slide .desc .name{ font-size: 15px; color: #FFFFFF; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;} .swiper-slide img{width: 100%;} .news{ background: url(http://hwfile.jyymatrix.cc/ztyl/mobile/images/bg3.png) no-repeat center; background-size: cover; padding: 30px 15px; } .news-list{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .news .item{ width: 48%; box-sizing: border-box; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); margin-top: 10px; } .news .item img{ width: 100%; display: block; } .news .item .con{ background: #ffffff; padding: 10px 10px; text-align: left; } .news .item .con .name{ color:rgb(9 9 9 / 80%); font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news .item .con .desc{ margin-top: 6px; font-size: 14px; color: rgb(9 9 9 / 60%); line-height: 18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-align: justify; } .news .item .con .item-footer{ border-top: 1px solid rgb(112 112 112 / 10%); padding-top: 8px; margin-top: 8px; display: flex; justify-content: space-between; align-items: center; } .news .item .con .time{ font-size: 14px; color: rgb(9 9 9 / 60%); font-weight: normal; } .news .item .con .more{ width: 10px; }</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div> 
   <div class="company-profile"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_GongSiGaiKuang_0.adId}">${ZY_GongSiGaiKuang_0.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${ompan_1.adId}">${ompan_1.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="company-box"> 
     <img src="${img_Z4Byd2.adImg}" class="zy" data-type="ad" data-id="${img_Z4Byd2.adId}"> 
    </div> 
    <div class="company-text zy" data-type="ad" data-id="${ZY_HuNanZeTianYiLiao_3.adId}">
     ${ZY_HuNanZeTianYiLiao_3.adTitle}
    </div> 
   </div> 
   <div class="rehabilitation-program"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_KangFuFangAn_4.adId}">${ZY_KangFuFangAn_4.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${ehabi_5.adId}">${ehabi_5.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="rehabilitation-program-icon">
     <cms:arts var="faList" code="mkffa" pageNow="0" pageSize="5"></cms:arts>
     <c:forEach items="${faList }" var="item" varStatus="status">
     <a href="${path}/do/redirect/mobile/rehabilitationProgram?type=${status.count - 1}" class="item">
      <div class="item-icon"> 
       <p class="name zy">${item.artTitle}</p>
       <img class="more zy" src="${img_Zukv_7.adImg}" data-type="ad" data-id="${img_Zukv_7.adId}"> 
      </div> </a></c:forEach>
    </div> 
   </div> 
   <div class="academic"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_XueShuGongJian_16.adId}">${ZY_XueShuGongJian_16.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${cadem_17.adId}">${cadem_17.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="swiper-container"> 
     <div class="swiper-wrapper">
      <cms:arts var="xsList" code="xsgj" pageNow="0" pageSize="3"></cms:arts>
      <c:forEach items="${xsList }" var="item" varStatus="status">
      <div class="swiper-slide"> 
       <img src="${item.artImage}"  />
       <div class="desc"> 
        <p class="name zy">${item.artTitle}</p>
       </div> 
      </div>
      </c:forEach>
     </div> 
    </div> 
   </div> 
   <div class="news"> 
    <div class="title-wrap flex align-center"> 
     <p class="line"></p> 
     <div> 
      <h3 class="title zy" data-type="ad" data-id="${ZY_XinWenZiXun_24.adId}">${ZY_XinWenZiXun_24.adTitle}</h3> 
      <h3 class="sub-title color-gray zy" data-type="ad" data-id="${ews_25.adId}">${ews_25.adTitle}</h3> 
     </div> 
     <p class="line"></p> 
    </div> 
    <div class="news-list">
     <cms:arts var="newsList" code="xwzx" pageNow="0" pageSize="2"></cms:arts>
     <c:forEach items="${newsList }" var="item" varStatus="status">
     <div class="item">
      <a href="${path}/do/redirect/pc/newsDetail?id=${item.artId}">
       <img src="${item.artImage}" />
       <div class="con"> 
        <h4 class="name zy">${item.artTitle}</h4>
        <p class="desc zy">${item.artAbstract}</p>
        <div class="flex space-between align-center item-footer"> 
         <h4 class="time zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${item.artCreatetiem}" ></fmt:formatDate></h4>
         <img src="${img_b_mnr30.adImg}" class="more zy" data-type="ad" data-id="${img_b_mnr30.adId}"> 
        </div> 
       </div> </a> 
     </div>
     </c:forEach>
    </div>
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/ztyl/mobile/./js/swiper.min.js" type="text/javascript" charset="utf-8"></script> 
  <script>
			var mySwiper = new Swiper ('.swiper-header', {
			  autoplay: false,
			  
			  // 如果需要分页器
			  pagination: '.swiper-pagination',
			  
			})
			var swiper = new Swiper('.academic .swiper-container',{
			    speed:1000,
			    loop:true,
			    loopedSlides: 5,
			    centeredSlides : true,
			    slidesPerView: 3,
			    spaceBetween: 0,
			});
			function showPopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBox.style.animation = "popup 1s"
				popBg.style.display = "block";
				popBox.style.display = "block";	
			};
			/*点击关闭按钮*/
			function closePopup() {
				var popBg = document.getElementById("popBg");
				var popBox = document.getElementById("popBox");
				popBg.style.display = "none";
				popBox.style.display = "none"						
			}
		</script>   
 </body>
</html>